<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layPage快速使用</title>
  <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.5/css/layui.css" media="all">
</head>
<body>

<div id="test1">
  <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-3"><a href="javascript:;"
      class="layui-laypage-prev" data-page="1"><i class="layui-icon"></i></a><a href="javascript:;"
      data-page="1">1</a><span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>2</em></span><a
      href="javascript:;" data-page="3">3</a><span class="layui-laypage-spr">…</span><a href="javascript:;"
      class="layui-laypage-last" title="尾页" data-page="100">100</a><a href="javascript:;" class="layui-laypage-next"
      data-page="3"><i class="layui-icon"></i></a><span class="layui-laypage-skip">到第<input type="text" min="1" value="2"
        class="layui-input">页<button type="button" class="layui-laypage-btn">确定</button></span><span
      class="layui-laypage-count">共 1000 条</span><span class="layui-laypage-limits"><select lay-ignore="">
        <option value="10" selected="">10 条/页</option>
        <option value="20">20 条/页</option>
        <option value="30">30 条/页</option>
        <option value="40">40 条/页</option>
        <option value="50">50 条/页</option>
        <option value="60">60 条/页</option>
        <option value="70">70 条/页</option>
        <option value="80">80 条/页</option>
        <option value="90">90 条/页</option>
      </select></span></div>
</div>

<script src="https://www.layuicdn.com/static/build/layui.js"></script>
<script>
layui.use('laypage', function(){
  var laypage = layui.laypage;

  //执行一个laypage实例
  laypage.render({
    elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
    ,count: 50 //数据总数，从服务端得到
  });
});
</script>
</body>
</html>
